<template>
	<div class="mui-card">
		<!--页眉，放置标题-->
		<div class="mui-card-header mui-card-media">
			<img style="margin-top: 8px;" src="../../assets/user/picture.jpg" />
			<div class="mui-media-body">
				<h4>Bob</h4>
				<p>发表于 2016-06-30 15:30</p>
			</div>
		</div>
		<!--内容区-->
		<div class="mui-card-content" >
			<img style="width: 100%;" src="../../assets/user/picture1.jpg" />
			<h4>在塞尔泮湖的第一天</h4>
		</div>
		<!--页脚，放置补充信息或支持的操作-->
		<div class="mui-card-footer">
			<span class="mui-icon mui-icon-star"><br /><h6>100</h6></span>
			<span class="mui-icon mui-icon-chatbubble"><br /><h6>999</h6></span>
			<span class="mui-icon mui-icon-paperplane"><br /><h6>179</h6></span>
		</div>
	</div>
</template>

<script>
export default {  
  name: 'card',  
  
  data() {  
    return {  
      
    };  
  }  
};  
</script>

<style>
	
</style>